<!DOCTYPE html>
<!-- suppress ThymeleafVariablesResolveInspection -->
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>
<body>
    <h1>TEST</h1>
    <h2>Thymeleaf</h2>
    <h2>测试静态资源</h2>
    <img src="../static/images/head.jpg" th:src="@{/img/head.jpg}" alt="">
    <img src="../static/images/head.jpg" th:src="@{/uploads/2.jpg}" alt="">

    <h2>Users</h2>
    <table>
        <tr th:each="u,itemStat:${users}">
            <td th:text="${u.userId}"></td>
            <td th:text="${u.account}"></td>
        </tr>
    </table>

    <table>
        <tr th:each="u : ${users}">
            <td th:text="${u.uname}"></td>
            <td th:text="${u.sex}">换个</td>
        </tr>
    </table>
    <!--th:text 设置当前元素的文本内容，常用，优先级不高-->
    <p th:text="${thText}" />
    <p th:utext="${thUText}" />
    <p th:text="${thTe}"/>

    <!--th:value 设置当前元素的value值，常用，优先级仅比th:text高-->
    <input type="text" th:value="${thValue}" />

    <!--th:each 遍历列表，常用，优先级很高，仅此于代码块的插入-->
    <!--th:each 修饰在div上，则div层重复出现，若只想p标签遍历，则修饰在p标签上-->
    <div th:each="message : ${thEach}"> <!-- 遍历整个div-p，不推荐-->
        <p th:text="${message}" />
    </div>
    <div> <!--只遍历p，推荐使用-->
        <p th:text="${message}" th:each="message : ${thEach}" />
    </div>

    <!--th:if 条件判断，类似的有th:switch，th:case，优先级仅次于th:each, 其中#strings是变量表达式的内置方法-->
    <p th:text="${thIf}" th:if="${not #strings.isEmpty(thIf)}"></p>

    <!--th:insert 把代码块插入当前div中，优先级最高，类似的有th:replace，th:include，~{} ：代码块表达式 -->
    <div th:insert="~{grammar/common::thCommon}"></div>



</body>
</html>